@charset "utf-8";
html {
   background-image: url(background-img.jpg); 
   background-size: cover; 
   background-repeat: no-repeat;
   background-position: center; 
   background-attachment: fixed; 
   background-position: center; 
}

* {
   margin: 0; 
   padding: 0; 
   box-sizing: border-box; 
}

body {
   margin: 0 auto; 
   width: 100%; 
}

#img-one {
   display: block; 
   width: 100%; 
   height: 200px; 
}

body > header {
   margin: 0; 
   width: 100%; 
   overflow: hidden;
}

body > header > nav.horizontalNavigation li {
   width: 33.33%; 
}

nav.horizontalNavigation li {
    display: block; 
    float: left; 
}
 
nav.horizontalNavigation a {
    display: block; 
    text-align: center; 
}

.flip-card-front h2 {
   font-size: 2.2em; 
}

.flip-card-back h2 {
   font-size: 1.8em; 
   color: #91e480; 
}

.flip-card-back p {
   font-size: 1.2em; 
}

footer {
   background-color: #55bd40; 
   color: white; 
   text-align: center; 
   padding: 10px 0; 
   position: relative; 
   width: 100%; 
   bottom: 0; 
}
